<template>
  <div class="box"></div>
</template>
<style scoped>
.box {
  width: 50px;
  height: 50px;
  background: red;
  /* 应用动画：名称 时长 速度曲线 重复次数 */
  animation: move 2s ease infinite;
}

/* 关键帧动画 */
@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200px);
  }
}
</style>
